//main: ../rui.less


.ipt-text {
	width: 210px;
	height: 24px;
	padding: 3px 32px 3px 10px;
	border: 1px solid #d9d9d9;
	line-height: 24px;
	background: #fff url(img/select/arrow.png) no-repeat center right;
	font-size: 12px;
	color: #000;
	border-radius: @radius;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
}

.ipt-text:hover {
	border-color: #b9b9b9;
}

.ipt-text.select-open-input {
	background: #fff url(img/select/arrowOpen.png) no-repeat  center right;
	border-color: @colorBlue;
	border-radius: @radius @radius 0 0;
}

#dummydata {
	position: absolute;
	z-index: 3000;
	background-color: #fff;
	max-height: 200px;
	overflow: auto;
	border-radius: 0 0 @radius @radius;
	border: 1px solid @colorBlue;
	border-top: 1px solid #d9d9d9;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

#dummydata a {
	display: block;
	color: #333;
	line-height: 32px;
	text-indent: 10px;
	text-overflow: ellipsis;
}

#dummydata a:hover {
	background: #f2f2f2;
	color: #000;
	text-decoration: none;
}

#dummydata a:active {
	background: @colorBlue;
	color: #fff;
}

#dummydata.matrix {
	width: 208px;
	padding: 5px;
}

#dummydata.matrix a {
	float: left;
	width: 33%;
}

#dummydata.matrix-large {
	width: 640px;
	padding: 5px;
}

#dummydata.matrix-large a {
	float: left;
	width: 25%
}

#dummydata a.fullwidth {
	float: none;
}

#dummydata a.delimiter {
	float: none;
	width: 100%;
	height: 10px;
	visibility: hidden;
}

#dummydata a.selected {
	color: @colorBlue;
	background: url(img/select/ok.png) no-repeat right center;
}

select.beautify {
	visibility: hidden
}


/* Retina Display @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

	.ipt-text {
		background-image: url(img/select/arrow@2x.png);
		background-size: 24px 16px;
	}
	.ipt-text.select-open-input {
		background-image: url(img/select/arrowOpen@2x.png);
		background-size: 24px 16px;
	}
	#dummydata a.selected {
		background-image: url(img/select/ok@2x.png);
		background-size: 24px 16px;
	}
}